<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:fmt="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div th:replace="common/top"></div>

<section class="pricing" style="height: 900px">

    <div class="col-ten pricing-table">

        <div class="col-eleven plan-wrap" >
            <div class="plan-block " data-aos="fade-up">

                <div class="plan-bottom-part">
                    <table>
                        <tr>
                            <td th:utext="${item.product.description}">description</td>
                        </tr>

                        <tr>
                            <td>
                                <b th:text="${item.itemId}">itemId</b>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <b th:utext="${item.attribute1}+${item.product.name}">
                                    <font size="4">
                                        name
                                    </font>
                                </b>
                            </td>
                        </tr>
                        <tr>
                            <td th:utext="${item.product.name}">name</td>
                        </tr>
                        <tr>
                            <td th:if="${item.quantity} <=0">Back Order</td>
                            <td th:if="${item.quantity} >0" th:text="${item.quantity}+' in stock'">Back Order</td>
                        </tr>
                        <tr>
                            <td>  <fmt:formatNumber th:text="${item.listPrice}" pattern="$#,##0.00"/>
                                price
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a th:href="@{'/addItemToCart'(workingItemId=${item.itemId})}">Add to Cart</a>
                            </td>
                        </tr>
                    </table>



                </div>
                <div class="home-scrolldown" ><div class="scroll-icon smoothscroll">
                    <a th:href="@{/catalog/viewProduct(productId=${item.product.productId})}"
                       th:text="'Return to '+${item.product.name}">Return to Product</a>
                </div>


            </div>
        </div> <!-- end plan-wrap -->

    </div>
    <!-- end pricing-table -->
    </div>
    <!-- end pricing-content -->
</section> <!-- end pricing -->

<div th:replace="common/bottom">
</div>
</body>
</html>

